<!-- <div class="row">
    <div class="col-md-3">
        <span class="hipster img-fluid rounded"></span>
    </div>
    <div class="col-md-9">
        <h1 class="display-4" jhiTranslate="home.title">Welcome, Java Hipster!</h1>
        <p class="lead" jhiTranslate="home.subtitle">This is your homepage</p>

        <div [ngSwitch]="isAuthenticated()">
            <div class="alert alert-success" *ngSwitchCase="true">
                <span *ngIf="account" jhiTranslate="home.logged.message"
                    translateValues="{username: '{{account.login}}'}"> You are logged in as user "{{account.login}}". </span>
            </div>

            <div class="alert alert-warning" *ngSwitchCase="false">
                <span jhiTranslate="global.messages.info.authenticated.prefix">If you want to </span>
                <a class="alert-link" (click)="login()" jhiTranslate="global.messages.info.authenticated.link">sign in</a><span jhiTranslate="global.messages.info.authenticated.suffix">, you can try the default accounts:<br/>- Administrator (login="admin" and password="admin") <br/>- User (login="user" and password="user").</span>
            </div>
            <div class="alert alert-warning" *ngSwitchCase="false">
                <span jhiTranslate="global.messages.info.register.noaccount">You don't have an account yet?</span>
                <a class="alert-link" routerLink="register" jhiTranslate="global.messages.info.register.link">Register a new account</a>
            </div>
        </div>

        <p jhiTranslate="home.question">
            If you have any question on JHipster:
        </p>

        <ul>
            <li><a href="http://www.jhipster.tech/" target="_blank" rel="noopener" jhiTranslate="home.link.homepage">JHipster homepage</a></li>
            <li><a href="http://stackoverflow.com/tags/jhipster/info" target="_blank" rel="noopener" jhiTranslate="home.link.stackoverflow">JHipster on Stack Overflow</a></li>
            <li><a href="https://github.com/jhipster/generator-jhipster/issues?state=open" target="_blank" rel="noopener" jhiTranslate="home.link.bugtracker">JHipster bug tracker</a></li>
            <li><a href="https://gitter.im/jhipster/generator-jhipster" target="_blank" rel="noopener" jhiTranslate="home.link.chat">JHipster public chat room</a></li>
            <li><a href="https://twitter.com/java_hipster" target="_blank" rel="noopener" jhiTranslate="home.link.follow">follow @java_hipster on Twitter</a></li>
        </ul>

        <p>
            <span jhiTranslate="home.like">If you like JHipster, don't forget to give us a star on</span> <a href="https://github.com/jhipster/generator-jhipster" target="_blank" rel="noopener" jhiTranslate="home.github">GitHub</a>!
        </p>
    </div>
</div>-->
<style>
    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0px;

    }
    .form-control:focus {
        box-shadow: none;
    }

</style>
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-success" role="alert" style="font-size: 125%;text-align: center;" *ngIf="isTip">保存成功</div>
        <div class="alert alert-success" role="alert" style="font-size: 125%;text-align: center;" *ngIf="isclose">取消成功</div>
        <div class="alert alert-warning" role="alert" style="font-size: 125%;text-align: center;" *ngIf="isError">保存失败</div>
    </div>
    <div class="col-md-2"></div>
    <div class="col-md-8">
        <form name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm">


            <div class="modal-body">
                <jhi-alert-error></jhi-alert-error>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group row">
                            <div class="col-md-2" style="padding-top: 10px;padding-right: 0px;">
                                <label for="field_computerRoom">机房号：</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" class="form-control" placeholder="请输入机房号" name="computerRoom" id="field_computerRoom"
                                       [(ngModel)]="record.computerRoom" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group row">
                            <div class="col-md-2" style="padding-top: 10px;padding-right: 0px;">
                                <label  for="field_equipment">设&nbsp;&nbsp;&nbsp;备：</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" name="equipment" id="field_equipment" [(ngModel)]="record.equipment" >
                                    <option value="电脑" label="电脑">电脑</option>
                                    <option value="交换机" label="交换机">交换机</option>
                                    <option value="投影仪" label="投影仪">投影仪</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12" style="padding: 0;">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <div class="col-md-2" style="padding-top: 10px;padding-right: 0px;">
                                    <label class="form-control-label" for="field_computerCode">编&nbsp;&nbsp;&nbsp;号:</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" placeholder="请输入编号" name="computerCode" id="field_computerCode"
                                           [(ngModel)]="record.computerCode" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group row">
                            <div class="col-md-2" style="padding-top: 10px;padding-right: 0px;">
                                <label class="form-control-label" for="field_name">姓&nbsp;&nbsp;&nbsp;名：</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" class="form-control" placeholder="请输入姓名" name="name" id="field_name"
                                       [(ngModel)]="record.name" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group row">
                            <div class="col-md-2" style="padding-top: 10px;padding-right: 0px;">
                                <label class="form-control-label" for="field_call">联系方式：</label>
                            </div>
                            <div class="col-md-8">
                                <input type="text" class="form-control" placeholder="请输入联系方式" name="call" id="field_call"
                                       [(ngModel)]="record.call" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-control-label" for="field_describe">故障描述：</label>
                            <textarea class="form-control" placeholder="请输入故障描述" name="describe" id="field_describe" rows="3" style="border:1px solid #ced4da"
                                      [(ngModel)]="record.describe" ></textarea>
                        </div>
                    </div>
                </div>



            </div>
            <div class="modal-footer" style="border: none;">
                <button type="submit" [disabled]="editForm.form.invalid || isSaving" class="btn btn-primary">
                    <span class="fa fa-save"></span>&nbsp;<span>保存</span>
                </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal" (click)="clear()">
                    <span class="fa fa-ban"></span>&nbsp;<span>取消</span>
                </button>

            </div>
        </form>

    </div>
</div>
